jQuery Advanced Topics
This course dives into several advanced topics in jQuery. Learn to leverage jQuery to move beyond simply selecting and manipulating DOM nodes. Some of the many topics covered include: authoring plugins for internal projects and for publication, improving performance of DOM node selection and insertion, customizing jQuery to add more defaults and named constants, using the data method to store and retrieve arbitrary data associated with DOM nodes, manipulating arrays and collections with jQuery's built-in utility methods, and handling events correctly even for dynamically created DOM nodes. This course also includes a comprehensive coverage of deferred objects and promises based on CommonJS. Code examples are given for most of the covered concepts.
jQuery Advanced Topics Course Introduction | 00:01:48 |
| Introduction | 01:48 |
jQuery Utility Methods | 00:47:17 |
| Utility Methods Overview | 03:03 |
| Type Testing Function | 01:45 |
| Demo: Type Testing Function | 02:44 |
| Collection Manipulation Functions | 02:16 |
| Demo: Collection Manipulation Functions | 06:18 |
| getScript Function | 03:30 |
| holdReady Function | 04:13 |
| pushStack Function | 03:56 |
| each Function | 01:33 |
| parseJSON Function | 01:51 |
| extend Function | 01:35 |
| Demo: extend Function | 07:11 |
| sub Function | 02:56 |
| proxy Function | 02:34 |
| Summary | 01:52 |
Customizing jQuery | 00:23:32 |
| Customizing jQuery Overview | 01:41 |
| Custom Speeds | 03:34 |
| Adding utility Function | 05:11 |
| Overridding Built-in jQuery Functions | 12:04 |
| Summary | 01:02 |
Authoring Plugins | 00:38:08 |
| Authoring Plugins Overview | 02:08 |
| Naming | 01:49 |
| Basic Plugin Pattern | 12:57 |
| Plugin Parameters | 07:06 |
| Name Spaces | 05:45 |
| Returning Single Values | 02:38 |
| Maintaining State | 05:00 |
| Summary | 00:45 |
Performance | 00:20:34 |
| Performance Overview | 01:23 |
| Identifying Performance Problems | 06:16 |
| General Performance Tips | 04:09 |
| Selector Performance | 04:41 |
| DOM Manipulation | 02:57 |
| Summary | 01:08 |
Data Method | 00:22:21 |
| Data Method Overview | 01:13 |
| Demo: Storing Data | 01:49 |
| Demo: Data Method, Part 1 | 04:03 |
| Demo: Data Method, Part 2 | 01:20 |
| Reserved Keys | 00:24 |
| Data Events | 03:07 |
| Demo: Selectors | 02:24 |
| HTML5 Data Attributes | 05:37 |
| Demo: Remove Data Method | 01:09 |
| Useful Plugins | 00:45 |
| Summary | 00:30 |
Advanced jQuery Event Handling | 00:29:29 |
| Introduction | 01:17 |
| On Method | 04:39 |
| Custom Events | 01:27 |
| Deferred Objects | 03:42 |
| Demo: Intro to Deferred Objects | 09:41 |
| Demo: Deferred Objects with Promises | 02:06 |
| Demo: Deferred Objects with Parameters | 01:44 |
| When Function | 04:07 |
| Summary | 00:46 |
jQuery Advanced Topics Course Introduction
jQuery Utility Methods
Customizing jQuery
Authoring Plugins
Data Method
Advanced jQuery Event Handling